<template>
  <div>
    <van-card
      @click="$router.push({
        path:'/detail',
        query:{id:item.houseCode}
      })"
      v-for="item in list"
      :key="item.houseCode"
      :price="item.price"
      :desc="item.desc"
      :title="item.title"
      :thumb="'http://liufusong.top:8080' + item.houseImg"
    >
      <template #tags>
        <van-tag plain type="danger">{{ item.tags[0] }}</van-tag>
      </template>
      <template #price>
        <span class="find_price">{{ item.price }}</span>
        <span class="find_month">元/月</span>
      </template>
    </van-card>
  </div>
</template>

<script>
export default {
  name: 'FindItem',
  props: {
    list: {
      type: Array,
      required: true
    }
  }
}
</script>

<style lang="less" scoped>
/deep/.van-nav-bar .van-icon {
  color: #fff;
  font-size: 25px;
}
/deep/.van-search {
  width: 100%;
}
/deep/.van-button--default {
  width: 30%;
}
/deep/.van-button--primary {
  width: 70%;
}
</style>
